<!--
 * @Author: wangming
 * @Date: 2021-03-30 15:51:39
 * @LastEditors: your name
 * @LastEditTime: 2021-04-27 14:37:21
 * @Description: file content
-->
<route>
{
  "meta":{
    "title":"国际化",
    "showMenu":true,
    "serialNum": 33
  }
}
</route>
<template>
  <div>
    <el-tabs tabPosition="left" v-model="activeTab" @tab-click="handleTabClick">
      <!-- <el-tab-pane
        v-for="(value, key) in PAGE_TYPE_ENUM"
        :key="key"
        :label="value"
        :name="key">
        <common-list v-if="activeTab === key" :type="key"/>
      </el-tab-pane> -->
      <el-tab-pane key="langCode" name="langCode" label="语言标识">
        <LangCode v-if="activeTab == 'langCode'" />
      </el-tab-pane>
      <el-tab-pane key="translateStage" name="translateStage" label="翻译工作台">
        <TranslateStage v-if="activeTab == 'translateStage'"  />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import LangCode from './__components__/langCode';
import TranslateStage from './__components__/translateStage';
export default {
  components: {
    LangCode,
    TranslateStage,
  },
  data() {
    return {
      activeTab: "",
      
    };
  },

  created() {
    const { type } = this.$route.query;
    this.activeTab = type ? type : 'langCode';
  },

  methods: {
    handleTabClick(tab) {
      this.$router.replace({
        path: '/appModule/globalization',
        query: {
          type: tab.name,
        }
      })
    },
  },
};
</script>

<style lang="scss" scoped></style>
